<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<jsp:include page="base/head.html" flush="true" />
<body class="no-skin">
<jsp:include page="base/top_head.html" flush="true" />
<div class="main-container ace-save-state" id="main-container">
    <jsp:include page="base/menu.html" flush="true" />
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <!--
				<div class="page-header">
					
				</div>--><!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
					
						<div class="row">
							<div class="col-sm-12">
								<div class="widget-box transparent" id="recent-box">
									<div class="widget-header">
										<h4 class="widget-title lighter smaller"  style="float: left;">
											<i class="ace-icon fa fa-rss orange"></i>扶贫跟踪
										</h4>

										<div class="widget-toolbar no-border" style="float: left;">
											<ul class="nav nav-tabs" id="recent-tab">
												<li>
													<a data-toggle="tab" href="#bfxx-tab">帮扶信息</a>
												</li>

												<li class="active">
													<a data-toggle="tab" href="#pkhlb-tab">贫困户列表</a>
												</li>

												<li>
													<a data-toggle="tab" href="#bfrkh-tab">帮扶人考核</a>
												</li>
											</ul>
										</div>
									</div>

									<div class="widget-body">
										<div class="widget-main padding-4">
											<div class="tab-content padding-8">
												<div id="bfxx-tab" class="tab-pane active">
													<div class="row">
														<div class="col-sm-12">
															
															<form class="form-horizontal" role="form" id="bfzzxx-form">
																<div class="col-xs-4 col-sm-4">
																	<div class="form-group">
																		<label class="col-sm-4 control-label no-padding-right" for="form-field-1"> 贫困户名 </label>

																		<div class="col-sm-8">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																	</div>
																</div>
																<div class="col-xs-4 col-sm-4">
																		<span class="input-group-btn">
																			<button type="button" class="btn btn-inverse btn-white">
																				<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
																				查询
																			</button>
																		</span>
																</div>
															</form>
														</div>
													</div>
													
													<div class="row">
														<div class="col-sm-12">
															
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																贫困户列表
															</h4>
															<div class="col-sm-12">
																<table id="pkh-list"></table>
																<div id="pkh-list-pager"></div>
															</div>
														</div>
													</div>
												</div>

												<div id="pkhlb-tab" class="tab-pane">
													<div class="clearfix">
														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Bob Doe's avatar" src="assets/images/avatars/user.jpg" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Bob Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">20 min</span>
																</div>

																<div>
																	<span class="label label-warning label-sm">pending</span>

																	<div class="inline position-relative">
																		<button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
																			<i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
																		</button>

																		<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																			<li>
																				<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																					<span class="green">
																						<i class="ace-icon fa fa-check bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																					<span class="orange">
																						<i class="ace-icon fa fa-times bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																					<span class="red">
																						<i class="ace-icon fa fa-trash-o bigger-110"></i>
																					</span>
																				</a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Joe Doe's avatar" src="assets/images/avatars/avatar2.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Joe Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">1 hour</span>
																</div>

																<div>
																	<span class="label label-warning label-sm">pending</span>

																	<div class="inline position-relative">
																		<button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
																			<i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
																		</button>

																		<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																			<li>
																				<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																					<span class="green">
																						<i class="ace-icon fa fa-check bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																					<span class="orange">
																						<i class="ace-icon fa fa-times bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																					<span class="red">
																						<i class="ace-icon fa fa-trash-o bigger-110"></i>
																					</span>
																				</a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Jim Doe's avatar" src="assets/images/avatars/avatar.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Jim Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">2 hour</span>
																</div>

																<div>
																	<span class="label label-warning label-sm">pending</span>

																	<div class="inline position-relative">
																		<button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
																			<i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
																		</button>

																		<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																			<li>
																				<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																					<span class="green">
																						<i class="ace-icon fa fa-check bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																					<span class="orange">
																						<i class="ace-icon fa fa-times bigger-110"></i>
																					</span>
																				</a>
																			</li>

																			<li>
																				<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																					<span class="red">
																						<i class="ace-icon fa fa-trash-o bigger-110"></i>
																					</span>
																				</a>
																			</li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Alex Doe's avatar" src="assets/images/avatars/avatar5.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Alex Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">3 hour</span>
																</div>

																<div>
																	<span class="label label-danger label-sm">blocked</span>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Bob Doe's avatar" src="assets/images/avatars/avatar2.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Bob Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">6 hour</span>
																</div>

																<div>
																	<span class="label label-success label-sm arrowed-in">approved</span>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Susan's avatar" src="assets/images/avatars/avatar3.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Susan</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">yesterday</span>
																</div>

																<div>
																	<span class="label label-success label-sm arrowed-in">approved</span>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Phil Doe's avatar" src="assets/images/avatars/avatar4.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Phil Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">2 days ago</span>
																</div>

																<div>
																	<span class="label label-info label-sm arrowed-in arrowed-in-right">online</span>
																</div>
															</div>
														</div>

														<div class="itemdiv memberdiv">
															<div class="user">
																<img alt="Alexa Doe's avatar" src="assets/images/avatars/avatar1.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Alexa Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">3 days ago</span>
																</div>

																<div>
																	<span class="label label-success label-sm arrowed-in">approved</span>
																</div>
															</div>
														</div>
													</div>

													<div class="space-4"></div>

													<div class="center">
														<i class="ace-icon fa fa-users fa-2x green middle"></i>

														&nbsp;
														<a href="#" class="btn btn-sm btn-white btn-info">
															See all members &nbsp;
															<i class="ace-icon fa fa-arrow-right"></i>
														</a>
													</div>

													<div class="hr hr-double hr8"></div>
												</div><!-- /.#pkhlb-tab -->

												<div id="bfrkh-tab" class="tab-pane">
													<div class="comments">
														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Bob Doe's Avatar" src="assets/images/avatars/avatar.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Bob Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">6 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="inline position-relative">
																	<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																				<span class="green">
																					<i class="ace-icon fa fa-check bigger-110"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																				<span class="orange">
																					<i class="ace-icon fa fa-times bigger-110"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="ace-icon fa fa-trash-o bigger-110"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Jennifer's Avatar" src="assets/images/avatars/avatar1.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Jennifer</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="blue">15 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Joe's Avatar" src="assets/images/avatars/avatar2.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Joe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="orange">22 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Rita's Avatar" src="assets/images/avatars/avatar3.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Rita</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="red">50 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>
													</div>

													<div class="hr hr8"></div>

													<div class="center">
														<i class="ace-icon fa fa-comments-o fa-2x green middle"></i>

														&nbsp;
														<a href="#" class="btn btn-sm btn-white btn-info">
															See all comments &nbsp;
															<i class="ace-icon fa fa-arrow-right"></i>
														</a>
													</div>

													<div class="hr hr-double hr8"></div>
												</div>
											</div>
										</div><!-- /.widget-main -->
									</div><!-- /.widget-body -->
								</div><!-- /.widget-box -->
							</div><!-- /.col -->

							
						</div><!-- /.row -->
						
						<div class="hr hr32 hr-dotted"></div>
						
						<!-- PAGE CONTENT ENDS -->
					</div><!-- /.col -->
				</div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div>
</div>
<jsp:include page="base/footer.html" flush="true" />
		
			
		
		<!-- inline scripts related to this page -->
		<!-- 贫困户列表 -->
		<script type="text/javascript">

			$("#pkh-list").jqGrid({
						datatype : "local",
						height : '100%',
						
						colNames : [ '序号', '贫困户名', '贫困户属性', '解决温饱', '危房','参加新农合','参加养老保险','致贫原因','贫困状态','帮扶责任人','帮扶次数','走访次数'],
						colModel : [ 
							{name : 'xh',index : 'xh',width : 50}, 
							{name : 'name',index : 'name',width : 100,sortable : false},
							{name : 'pkhsx',index : 'pkhsx',width : 100},
							{name : 'jjwb',index : 'jjwb',width : 100},
							{name : 'wf',index : 'wf',width : 50},
							{name : 'cjxnh',index : 'cjxnh',width : 100},
							{name : 'cjylbx',index : 'cjylbx',width : 100},
							{name : 'zpyy',index : 'zpyy'},
							{name : 'pkzt',index : 'pkzt',width : 100},
							{name : 'bfzrr',index : 'bfzrr',width : 100},
							{name : 'bfcs',index : 'bfcs',width : 100},
							{name : 'zfcs',index : 'zfcs',width : 100}
						],
						rowNum:10,
						rowList:[10,20,30],
						pager: '#pkh-list-pager',
						sortname : 'xh',
						viewrecords : true,
						sortorder : "desc",
						loadComplete : function() {
							var table = this;
							setTimeout(function(){
								styleCheckbox(table);
								
								updateActionIcons(table);
								updatePagerIcons(table);
								enableTooltips(table);
							}, 0);
						},

						multiselect : false
				});
				console.log('jqgrid.................');
				var mydata = [ 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}
               ];
				for ( var i = 0; i <= mydata.length; i++){
					$("#pkh-list").jqGrid('addRowData', i + 1, mydata[i]);
				};
		</script>
		<script>
			jQuery(function ($) {
				menuActive(1)
			})
		</script>
</body>
</html>
